<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link href="../css/home.css" rel="stylesheet" type="text/css">
    <link href="../css/projects.css" rel="stylesheet" type="text/css">
    <link href="../css/banner.css" rel="stylesheet" type="text/css">
    <link href="../../framework/odometer/themes/odometer-theme-default.css" rel="stylesheet" type="text/css">
    <link href="../../framework/carousel/style/style-demo.css" rel="stylesheet" type="text/css">
    <link href="http://g.tbcdn.cn/sj/wqui/1.0.0/css/sui.min.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../js/tab.js"></script>
    <script type="text/javascript" src="../js/slides.jquery.js"></script>
    <script type="text/javascript" src="../js/animation.js"></script>

    <script type="text/javascript" src="../../framework/odometer/js/odometer.js"></script>

    <script src="http://g.tbcdn.cn/sj/wqui/1.0.0/js/sui.min.js"></script>

</head>

<body>
<div class="container" style="width: 100%; overflow: hidden;">
    <!-- 导航 -->
    <!--<object id="headerObject" data="header.html?index=browse"></object>-->
    <div id="topnav" class="navbar-fixed-top">
        <div class="nav">
            <a href="#" class="logo">
                <img src="../images/logo.png">
            </a>
            <ul class="nav-ul">
                <li id="index"><a href="index.html" target="_parent">首页</a></li>
                <li  class="onNav" id="browse"><a href="browseProject.html" target="_parent">浏览项目</a></li>
                <li id="project"><a href="../projects/basicInfo.html" target="_parent">发起项目</a></li>
                <a class="col_text">全国</a>
                <a class="col_text">[城市切换]</a>
            </ul>
            <div id="login">
                <a href="../login/login.html" target="_parent">登录</a>
                <span>|</span>
                <a href="../login/register.html" target="_parent">注册</a>
            </div>
        </div>
    </div>
    <div style="height: 65px;"></div>
    <div class="pro_con_index">
        <div class="screening">
            <div class="control-group">
                <div class="controls">
                    <label>筛选</label>&nbsp;&nbsp;
                    <span class="sui-dropdown dropdown-bordered select">
                        <span class="dropdown-inner">
                            <a role="button" data-toggle="dropdown" href="#" class="dropdown-toggle">
                                <input value="hz" name="city" type="hidden"><i class="caret"></i><span>地域</span>
                            </a>
                          <ul role="menu" aria-labelledby="drop4" class="sui-dropdown-menu">
                              <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:void(0);" value="bj">北京</a></li>
                              <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:void(0);" value="sb">圣彼得堡</a></li>
                              <li role="presentation" class="divider"></li>
                              <li role="presentation" class="active"><a role="menuitem" tabindex="-1" href="javascript:void(0);" value="hz">杭州</a></li>
                          </ul>
                        </span>
                    </span>&nbsp;&nbsp;
                    <span class="sui-dropdown dropdown-bordered select">
                        <span class="dropdown-inner">
                            <a role="button" data-toggle="dropdown" href="#" class="dropdown-toggle">
                                <input value="hz" name="city" type="hidden"><i class="caret"></i><span>行业</span>
                            </a>
                          <ul role="menu" aria-labelledby="drop4" class="sui-dropdown-menu">
                              <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:void(0);" value="bj">北京</a></li>
                              <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:void(0);" value="sb">圣彼得堡</a></li>
                              <li role="presentation" class="divider"></li>
                              <li role="presentation" class="active"><a role="menuitem" tabindex="-1" href="javascript:void(0);" value="hz">杭州</a></li>
                          </ul>
                        </span>
                    </span>&nbsp;&nbsp;
                    <span class="sui-dropdown dropdown-bordered select">
                        <span class="dropdown-inner">
                            <a role="button" data-toggle="dropdown" href="#" class="dropdown-toggle">
                                <input value="hz" name="city" type="hidden"><i class="caret"></i><span>资金</span>
                            </a>
                          <ul role="menu" aria-labelledby="drop4" class="sui-dropdown-menu">
                              <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:void(0);" value="bj">北京</a></li>
                              <li role="presentation"><a role="menuitem" tabindex="-1" href="javascript:void(0);" value="sb">圣彼得堡</a></li>
                              <li role="presentation" class="divider"></li>
                              <li role="presentation" class="active"><a role="menuitem" tabindex="-1" href="javascript:void(0);" value="hz">杭州</a></li>
                          </ul>
                        </span>
                    </span>
                </div>
            </div>
        </div>
        <div class="pro_con_index">
            <div class="index_text">
                <span class="label_size_4 label_color_1">所有项目</span>&nbsp;&nbsp;
                <a href="javascript:void(0);" class="sui-btn btn-width-6" style="margin-top: -5px;">
                    <span class="label_12 label_7">预热中</span>
                </a>
                <a href="javascript:void(0);" class="sui-btn btn-width-6" style="margin-top: -5px;">
                    <span class="label_12">投资中</span>
                </a>
                <a href="javascript:void(0);" class="sui-btn btn-width-6" style="margin-top: -5px;">
                    <span class="label_12">已成功</span>
                </a>
            </div>
            <div class="spt_list">
                <div class="spt_list_div all_project">
                    <a href="../projects/projectDetail.html" target="_parent"><img src="../images/list_1.png" class="img-responsive"/></a>
                    <p class="spt_list_tile">茶油--最好的食用油</p>
                    <p class="label_size_1 label_color_2"><img src="../images/add_pos.png">深圳市</p>
                    <div style="overflow:hidden;">
                        <div class="sui-progress progress-custom">
                            <div style="width: 60%;" class="bar bar-custom"></div>
                        </div>
                        <div class="bar-text" style="width: 28%; float: left; margin-left: 8px; margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">60%</span><br>
                            <span class="label_color_2 label_size_5">已达</span>
                        </div>
                        <div class="bar-text" style="width: 45%; float: left;  margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">￥2,000,000</span><br>
                            <span class="label_color_2 label_size_5">预约金额</span>
                        </div>
                        <div class="bar-text" style="width: 23%; float: left;  margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">162天</span><br>
                            <span class="label_color_2 label_size_5">剩余时间</span>
                        </div>
                    </div>
                    <div class="spt_list_fot">
                        <img src="../images/list_mes.png" />
                        <label class="label_12 label_font_arial label_color_2">2</label>&nbsp;
                        <img src="../images/list_hand.png" />
                        <label class="label_12 label_font_arial label_color_2">4</label>
                        <a href="../projects/projectDetail.html" target="_parent" class="sui-btn-1 btn-width-7 btn-warning a_decoration">
                            <span class="label_12">预热中</span></a>
                        </a>
                    </div>
                </div>
                <div class="spt_list_div all_project">
                    <a href="../projects/projectDetail.html" target="_parent"><img src="../images/list_1.png" class="img-responsive"/></a>
                    <p class="spt_list_tile">茶油--最好的食用油</p>
                    <p class="label_size_1 label_color_2"><img src="../images/add_pos.png">深圳市</p>
                    <div style="overflow:hidden;">
                        <div class="sui-progress progress-custom">
                            <div style="width: 60%;" class="bar bar-custom"></div>
                        </div>
                        <div class="bar-text" style="width: 28%; float: left; margin-left: 8px; margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">60%</span><br>
                            <span class="label_color_2 label_size_5">已达</span>
                        </div>
                        <div class="bar-text" style="width: 45%; float: left;  margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">￥2,000,000</span><br>
                            <span class="label_color_2 label_size_5">预约金额</span>
                        </div>
                        <div class="bar-text" style="width: 23%; float: left;  margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">162天</span><br>
                            <span class="label_color_2 label_size_5">剩余时间</span>
                        </div>
                    </div>
                    <div class="spt_list_fot">
                        <img src="../images/list_mes.png" />
                        <label class="label_12 label_font_arial label_color_2">2</label>&nbsp;
                        <img src="../images/list_hand.png" />
                        <label class="label_12 label_font_arial label_color_2">4</label>
                        <a href="../projects/projectDetail.html" target="_parent" class="sui-btn-1 btn-width-7 btn-warning a_decoration">
                            <span class="label_12">预热中</span></a>
                        </a>
                    </div>
                </div>
                <div class="spt_list_div all_project">
                    <a href="../projects/projectDetail.html" target="_parent"><img src="../images/list_1.png" class="img-responsive"/></a>
                    <p class="spt_list_tile">茶油--最好的食用油</p>
                    <p class="label_size_1 label_color_2"><img src="../images/add_pos.png">深圳市</p>
                    <div style="overflow:hidden;">
                        <div class="sui-progress progress-custom">
                            <div style="width: 60%;" class="bar bar-custom"></div>
                        </div>
                        <div class="bar-text" style="width: 28%; float: left; margin-left: 8px; margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">60%</span><br>
                            <span class="label_color_2 label_size_5">已达</span>
                        </div>
                        <div class="bar-text" style="width: 45%; float: left;  margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">￥2,000,000</span><br>
                            <span class="label_color_2 label_size_5">预约金额</span>
                        </div>
                        <div class="bar-text" style="width: 23%; float: left;  margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">162天</span><br>
                            <span class="label_color_2 label_size_5">剩余时间</span>
                        </div>
                    </div>
                    <div class="spt_list_fot">
                        <img src="../images/list_mes.png" />
                        <label class="label_12 label_font_arial label_color_2">2</label>&nbsp;
                        <img src="../images/list_hand.png" />
                        <label class="label_12 label_font_arial label_color_2">4</label>
                        <a href="../projects/projectDetail.html" target="_parent" class="sui-btn-1 btn-width-7 btn-warning a_decoration">
                            <span class="label_12">预热中</span></a>
                        </a>
                    </div>
                </div>
                <div class="spt_list_div all_project">
                    <a href="../projects/projectDetail.html" target="_parent"><img src="../images/list_1.png" class="img-responsive"/></a>
                    <p class="spt_list_tile">茶油--最好的食用油</p>
                    <p class="label_size_1 label_color_2"><img src="../images/add_pos.png">深圳市</p>
                    <div style="overflow:hidden;">
                        <div class="sui-progress progress-custom">
                            <div style="width: 60%;" class="bar bar-custom"></div>
                        </div>
                        <div class="bar-text" style="width: 28%; float: left; margin-left: 8px; margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">60%</span><br>
                            <span class="label_color_2 label_size_5">已达</span>
                        </div>
                        <div class="bar-text" style="width: 45%; float: left;  margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">￥2,000,000</span><br>
                            <span class="label_color_2 label_size_5">预约金额</span>
                        </div>
                        <div class="bar-text" style="width: 23%; float: left;  margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">162天</span><br>
                            <span class="label_color_2 label_size_5">剩余时间</span>
                        </div>
                    </div>
                    <div class="spt_list_fot">
                        <img src="../images/list_mes.png" />
                        <label class="label_12 label_font_arial label_color_2">2</label>&nbsp;
                        <img src="../images/list_hand.png" />
                        <label class="label_12 label_font_arial label_color_2">4</label>
                        <a href="../projects/projectDetail.html" target="_parent" class="sui-btn-1 btn-width-7 btn-warning a_decoration">
                            <span class="label_12">预热中</span></a>
                        </a>
                    </div>
                </div>
                <div class="spt_list_div all_project">
                    <a href="../projects/projectDetail.html" target="_parent"><img src="../images/list_1.png" class="img-responsive"/></a>
                    <p class="spt_list_tile">茶油--最好的食用油</p>
                    <p class="label_size_1 label_color_2"><img src="../images/add_pos.png">深圳市</p>
                    <div style="overflow:hidden;">
                        <div class="sui-progress progress-custom">
                            <div style="width: 60%;" class="bar bar-custom"></div>
                        </div>
                        <div class="bar-text" style="width: 28%; float: left; margin-left: 8px; margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">60%</span><br>
                            <span class="label_color_2 label_size_5">已达</span>
                        </div>
                        <div class="bar-text" style="width: 45%; float: left;  margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">￥2,000,000</span><br>
                            <span class="label_color_2 label_size_5">预约金额</span>
                        </div>
                        <div class="bar-text" style="width: 23%; float: left;  margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">162天</span><br>
                            <span class="label_color_2 label_size_5">剩余时间</span>
                        </div>
                    </div>
                    <div class="spt_list_fot">
                        <img src="../images/list_mes.png" />
                        <label class="label_12 label_font_arial label_color_2">2</label>&nbsp;
                        <img src="../images/list_hand.png" />
                        <label class="label_12 label_font_arial label_color_2">4</label>
                        <a href="../projects/projectDetail.html" target="_parent" class="sui-btn-1 btn-width-7 btn-warning a_decoration">
                            <span class="label_12">预热中</span></a>
                        </a>
                    </div>
                </div>
                <div class="spt_list_div all_project">
                    <a href="../projects/projectDetail.html" target="_parent"><img src="../images/list_1.png" class="img-responsive"/></a>
                    <p class="spt_list_tile">茶油--最好的食用油</p>
                    <p class="label_size_1 label_color_2"><img src="../images/add_pos.png">深圳市</p>
                    <div style="overflow:hidden;">
                        <div class="sui-progress progress-custom">
                            <div style="width: 60%;" class="bar bar-custom"></div>
                        </div>
                        <div class="bar-text" style="width: 28%; float: left; margin-left: 8px; margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">60%</span><br>
                            <span class="label_color_2 label_size_5">已达</span>
                        </div>
                        <div class="bar-text" style="width: 45%; float: left;  margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">￥2,000,000</span><br>
                            <span class="label_color_2 label_size_5">预约金额</span>
                        </div>
                        <div class="bar-text" style="width: 23%; float: left;  margin-top: 5px">
                            <span class="label_color_1 label_12 label_font_arial">162天</span><br>
                            <span class="label_color_2 label_size_5">剩余时间</span>
                        </div>
                    </div>
                    <div class="spt_list_fot">
                        <img src="../images/list_mes.png" />
                        <label class="label_12 label_font_arial label_color_2">2</label>&nbsp;
                        <img src="../images/list_hand.png" />
                        <label class="label_12 label_font_arial label_color_2">4</label>
                        <a href="../projects/projectDetail.html" target="_parent" class="sui-btn-1 btn-width-7 btn-warning a_decoration">
                            <span class="label_12">预热中</span></a>
                        </a>
                    </div>
                </div>
                <div class="justify"></div>
                <div class="justify"></div>
                <div class="justify"></div>
            </div>
            <div class="page"></div>
        </div>
    </div>

</div>
<div class="sf_links">
    <div class="sn_con_center">
        <a href="#"><span class="label_color_1">友情链接：</span></a>
        <a href="#"><span class="label_color_1">融途网</span></a><span>|</span>
        <a href="#"><span class="label_color_1">云筹众筹网</span></a><span>|</span>
        <a href="#"><span class="label_color_1">魔方众筹网</span></a><span>|</span>
        <a href="#"><span class="label_color_1">圆桌汇众筹网</span></a><span>|</span>
        <a href="#"><span class="label_color_1">合伙中国众筹网</span></a><span>|</span>
        <a href="#"><span class="label_color_1">大家筹众筹网</span></a><span>|</span>
        <a href="#"><span class="label_color_1">易筹众筹网</span></a><span>|</span>
        <a href="#"><span class="label_color_1">金融超市众筹网</span></a><span>|</span>
        <a href="#"><span class="label_color_1">创业易众筹网</span></a><span>|</span>
        <a href="#"><span class="label_color_1">天使客众筹网</span></a>

        <div class="sui-btn-group">
            <button data-toggle="dropdown" class="sui-btn dropdown-toggle"><i class="caret"></i>更多</button>
            <ul role="menu" aria-labelledby="drop1" class="sui-dropdown-menu">
                <li role="presentation"><a role="menuitem" tabindex="-1" href="#">北京</a></li>
                <li role="presentation" class="active"><a role="menuitem" tabindex="-1" href="#">杭州</a></li>
            </ul>
        </div>
    </div>
</div>
<object width="100%" height="260" data="footer.html"></object>

<script type="text/javascript">

    $(function () {
        $('.spt_list_div').mouseover(function(){
            $(this).css('border', '1px #038cf6 solid');
        });
        $('.spt_list_div').mouseleave(function(){
            $(this).css('border', '1px #cccccc solid');
        });


        $('.page').pagination({
            pages: 100,
            styleClass: ['pagination-large'],
            showCtrl: true,
            displayPage: 5,
            onSelect: function (num) {
                console.log(num)  //打开控制台观察
            }
        })

    });
</script>
</body>
</html>
